<template>
  <div id="app" class="w-screen h-screen">

    <nav>
      <router-link to="/">Home</router-link> |
      <router-link to="/about">About</router-link>
      <router-link to="/test">test</router-link>
    </nav>
    <router-view/>
  </div>
  
</template>
<script>

export default {
 mounted:()=>{

}
}
</script>
<style>
* {
  margin:0;
  padding:0;
}
html,body{
  height: 100%;
  width: 100%;
}
body{
  overflow: hidden;

}
nav{
  position: absolute;
  top:0;
  left: 0;
  z-index: 10;
}

</style>
